<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="小米官方网站包含小米手机系列小米NOTE、小米4，红米手机系列红米Note、红米2/2A还有小米电视40/49/55英寸、手环、移动电源、运动相机,小米智能家居系列路由器、空气净化器、体重秤、插线板等小米商城均有售。">
		<meta name="keywords" content="小米,小米手机,小米官网,红米手机,小米商城,小米电视">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>小米手机官网</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mi.css" />
		<link rel="shortcut icon" href="img/fa-vicon.ico">
		<link rel="icon" href="img/favicon.ico">
	</head>

	<body>
		<!--
			<a href="tel:110">点击拨号</a>
			<a href="sms:110">发短信</a>
		-->
			<div class="download-app">
				<a href="#"><img src="img/ios.png" /></a>
				<div class="downloadapp-close">
					<a><img src="img/top-x.png" /></a>
				</div>
			</div>
			<header class="mi-header">
				<div class="header-search">
					<div class="search-bar">
						<a href="mi-search.html">
							<i class="fa fa-search searchbar"></i>
							<span class="text">搜索商品名称</span>
						</a>
					</div>
					<div class="search-bottom"></div>
				</div>
			</header>

			<section class="mi-container">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="img/04c2a853-cde0-f260-478d-89f061101b14!720x360.jpg" /></a>
						</div>
						<div class="swiper-slide">
							<img src="img/2801f0b1-6c1b-2297-42f3-4fa29f3d9ad5!720x360.jpg" />
						</div>
						<div class="swiper-slide">
							<img src="img/mi-device.jpg" />
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
				<div class="wxad-container">
					<a data-stat-id="ba070f636ac3246f" onclick="_msq.push(['trackEvent', '221a86c5a4688b35-ba070f636ac3246f', '', 'pcpid']);">
						<img src="img/55209a6a-768a-4818-8301-075a3987ff6c.jpg">
					</a>
				</div>
				<div class="mcells-container">
					<div class="mcells-body">
						<div class="items mcells-item">
							<a href="#"><img src="img/db9d9aec-6302-bce4-0beb-05dfe06c2f69.png"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 2.44rem; top: 0rem;">
							<a href="#"><img src="img/75365a06-12dc-9536-1519-5cb4b84ecb75.jpg"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 4.88rem; top: 0rem;">
							<a href="#"><img src="img/5868c0d3-8d72-047d-1aee-2570f9e0204c.jpg"></a>
						</div>
						<div class="items mcells-item" style="height: 1.53rem; left: 0rem; top: 3.18rem;">
							<a href="#"><img src="img/6883c276-85e3-1e80-4c55-5fb5a2dff922.jpg"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 2.44rem; top: 3.18rem;">
							<a href="#"><img src="img/0022557c-1387-0a25-21d0-b9ec517522f4.jpg"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 4.88rem; top: 3.18rem;">
							<a href="#"><img src="img/bfd33776-c6b5-b957-ba1c-4454344a0b1.jpg"></a>
						</div>
						<div class="items mcells-item" style="height: 1.53rem; left: 0rem; top: 6.36rem;">
							<a href="#"><img src="img/aca52a3d-a054-2318-9fd2-be1b23c62193.png"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 2.44rem; top: 6.36rem;">
							<a href="#"><img src="img/74f16248-2df2-4179-4f1a-163888a5be98.png"></a>
						</div>
						<div class="items mcells-item" style="height: 3.06rem; left: 4.88rem; top: 6.36rem;">
							<a href="#"><img src="img/a8247304-857f-cfe9-0f0f-743ab6cb3b64.jpg"></a>
						</div>
					</div>
				</div>
				<div class="commodity-container">
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
					<div class="commodity-item">
						<a class="item" href="#" >
							<div class="img">
								<img class="ico lazy" src="img/7d842fe9-2737-5104-a086-720553304912.jpg" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
								<img class="tag lazy" src="img/xp.png">
							</div>
							<div class="info">
								<div class="name">
									<p>小米Note 2</p>
								</div>
								<div class="brief">
									<p>5.7" 双曲面柔性屏 / 3D曲面玻璃 / 骁龙 821 性能版 / 2256万超高像素相机 / 4070mAh 超长续航</p>
								</div>
								<div class="price">
									<p>2799元 起</p>
								</div>
							</div>
						</a>
					</div>
				</div>
			</section>

			<footer class="mi-footer">
				<ul>
					<li>
						<a href="mi.html" class="on">
							<div class="nav">
								<div class="ih ispr"></div>
								<p>首页</p>
							</div>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<div class="nav">
								<div class="ic ispr"></div>
								<p>分类</p>
							</div>
						</a>
					</li>
					<li>
						<a href="shopping-cart.html">
							<div class="nav">
								<div class="is ispr"></div>
								<p>购物车</p>
							</div>
						</a>
					</li>
					<li>
						<a href="personal.html">
							<div class="nav">
								<div class="if ispr"></div>
								<p>我的</p>
							</div>
						</a>
					</li>
				</ul>
			</footer>
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/mi"></script>
	</body>

</html>